@import "@/assets/style/variables.scss";

$baseCls: in-application;

.#{$baseCls} {
  color: $text-color;
  height: 100vh;
  background-color: white;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;

  &-wrapper {
    width: 280px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    text-align: center;
    padding-bottom: calc($safe-area + $tab-bar-height + 44px);

    &-icon {
      width: 120px;
      height: 120px;
    }
    &-share-btn {
      margin-top: 48px;
    }
  }
}
